<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <link th:replace="publicPart ::commonHead">
    <!--    css,img资源-->
    <link href="../static/css/publicPage.css" th:href="@{/css/publicPage.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/jQuery/showdown.min.js}">
    <script src="../static/jQuery/showdown.min.js" th:src="@{/jQuery/showdown.min.js}"></script>
    <!--    公共部件样式-->
    <!--    <link rel="stylesheet" href="./css/publicPart.css">-->
    <style>
        body, #main {
            margin: 0;
            padding: 0;
            background-image: url("https://cdn.acwing.com/static/web/img/background.png");
            background-repeat: repeat;
        }
    </style>
</head>
<body>
<div id="back_top" class="box3">
    <img src="https://g.csdnimg.cn/side-toolbar/3.0/images/fanhuidingbucopy.png" alt="" srcset="">
</div>
<div id="main">
    <div th:replace="publicPart :: navbar"></div>
    <div class="container-fluid">
        <div class="d-flex justify-content-around">
            <div class="row">
<!--                <div class="container" >-->
<!--                    <div class="btn-group-vertical "-->
<!--                         style="background-color:white;border-style: solid;border-width:1px;">-->
<!--                        <a class="btn" style="font-weight: bolder;border-bottom:1px solid;" disabled>标签</a>-->
<!--                        <div id="tag" >-->
<!--                        </div>-->
<!--&lt;!&ndash;                        <button type="button" class="btn" style="border-bottom:1px solid">Samsung</button>&ndash;&gt;-->
<!--&lt;!&ndash;                        <button type="button" class="btn" style="border-bottom:1px solid">Sony</button>&ndash;&gt;-->
<!--                    </div>-->
<!--                </div>-->
                <table class="table">
                    <thead>
                    <tr>
                        <th style="font-weight: bolder">标签</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr id="tag"></tr>
                    </tbody>
                </table>
            </div>
            <div class="container" style="width: 1000px;">
                <div id="demo" class="carousel slide m-auto" data-ride="carousel">
                    <!-- 指示符 -->
                    <ul class="carousel-indicators">
                        <li data-target="#demo" data-slide-to="0" class="active"></li>
                        <li data-target="#demo" data-slide-to="1"></li>
                        <li data-target="#demo" data-slide-to="2"></li>
                    </ul>
                    <!-- 轮播图片 -->
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <img src="https://static.runoob.com/images/mix/img_fjords_wide.jpg">
                            <div class="carousel-caption">
                                <h3>欢迎访问</h3>
                                <p>!</p>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <img src="https://static.runoob.com/images/mix/img_nature_wide.jpg">
                            <div class="carousel-caption">
                                <h3>欢迎访问</h3>
                                <p>!</p>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <img src="https://static.runoob.com/images/mix/img_mountains_wide.jpg">
                            <div class="carousel-caption">
                                <h3>欢迎访问</h3>
                                <p>!</p>
                            </div>
                        </div>
                    </div>
                    <!-- 左右切换按钮 -->
                    <a class="carousel-control-prev" href="#demo" data-slide="prev">
                        <span class="carousel-control-prev-icon"></span>
                    </a>
                    <a class="carousel-control-next" href="#demo" data-slide="next">
                        <span class="carousel-control-next-icon"></span>
                    </a>
                </div>

                <div id="adc"></div>
            </div>
        </div>
    </div>
</div>
</body>
<!--    js资源-->
<!--    公共部件js-->
<script src="../static/js/publicPage.js" th:src="@{/js/publicPage.js}"></script>
</html>